@charset "utf-8";
body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend,input{margin:0; padding:0;}
img,fieldset,input{border:0; }
img{display:block;}
a{text-decoration:none;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
input,a{outline:none;}
body{
	font-size:0.12rem;
	font-family:"微软雅黑";
	}
html,body{
	width: 100%;
	height: 100%;
}
 ::-webkit-scrollbar{
    width:0;
}
/*蒙版*/
.g_mask{
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position:fixed;
	left: 0;
	top:0;
	z-index: 1;
	display:none;
}
.wrapper{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	height: 100%;
	flex-grow:1;
	color:#fff;
	header {
		height: 0.9rem;
		background: #0cc440;
		font-size:0.4rem;
		text-align: center;
		line-height: 0.9rem;
		.menu{
			float: left;
			width:1rem;
			font-size: 0.35rem;
		}
		.h_l{
			float: left;
			.h_t{
				display: none;
				width:4.4rem;
			}
			.h_r_block{
				display: block;
				width:2.4rem;
				height: 0.6rem;
				border-radius: 0.5rem;
				margin:0.15rem 0.75rem;
				overflow: hidden;
				span{
					float: left;
					display: inline-block;
					width: 1.2rem;
					height: 0.6rem;
					text-align: center;
					line-height: 0.6rem;
					background: #3DD066;
					font-size:0.3rem;
					color: #A8E6B5;
				}
				.c_bian{
					background: #64D885;
					color: #ffffff;
				}
			}
			
		}
		
	}
	.center{
		height: 100%;
		flex-grow:1;
		overflow-y: auto;
		color: #000;
		border-top:0.1rem solid #F1F1F1;
		/*首页*/
		.first{
			.hot{
				display: block;
				/*首页热点*/
				#content{
					width: 100%;
					#tab{
						width: 100%;
						height: 0.7rem;
						background: rgba(255,255,255,0.5);
						position: fixed;
						ul {
							height: 0.7rem;
							border-bottom: solid 0.01rem #D9D9D9;
							li{
								font-size: 0.27rem;
								float: left;
								text-align: center;
								height: 0.67rem;
								line-height: 0.67rem;
								color: #666666;
							}
							li:nth-of-type(1){
								width: 2rem;
								color: #00CA39;
								border-bottom: 0.05rem solid #00CA39;
								
							}
							li:nth-of-type(2){
								width: 2rem;
							}
							li:nth-of-type(3){
								width: 2.3rem;
							}
						}
					}
					#ctn{
							width: 100%;
							overflow-y: auto;
							.ctns1{
								float: left;
								width: 100%;
								height: 9.5rem;
							}
							.ctnss{
								display: none;
							}
							.ctns{
								.pic{
									width: 100%;
									overflow-y: auto;
									margin-top: 0.7rem;
									li{
										width: 3.12rem;
										height: 3.7rem;
										overflow: hidden;
										border: 0.5px solid #E1E8E1;
										margin-top: 0.1rem;
										.lp{
											width: 3.13rem;
											height: 3.13rem;
											overflow: hidden;
											img{
												width: 100%;
												height: 100%;
											}
										}
										p{
											border-top: 0.01rem solid #E1E8E1;
											width: 2.92rem;
											height: 0.56rem;
											color: #353535;
											font-size: 0.24rem;
											line-height: 0.58rem;
											padding-left: 0.2rem;
											word-wrap: break-word;
										}
									}
									li:nth-of-type(2n+1){
										float: left;
									}
									li:nth-of-type(2n+2){
										float: right;
									}
								}
							}
							/*足球生活*/
							.ctns2{
								.pic2{
									width: 100%;
									overflow-y: auto;
									margin-top: 0.7rem;
									height: 9.5rem;
									li{
										width: 3.12rem;
										margin-top: 0.1rem;
										border: 1px solid #e5e5e5;
										.lp2{
											width: 3.12rem;
											height: 3.12rem;
											overflow: hidden;
											img{
												width: 100%;
												height: 100%;
											}
										}
										p{
											border-top: 1px solid #E5E5E5;
											padding: 0.05rem 0.2rem;
											width: 2.5rem;
											font-size: 0.24rem;
											line-height:0.38rem;
										}
									}
									li:nth-of-type(2n+1){
										float: left;
									}
									li:nth-of-type(2n){
										float: right;
									}
								}
							}
							/*足球美女*/
							.ctns3{
								.pic3{
									width: 100%;
									overflow-y: auto;
									height: 9.5rem;
									margin-top: 0.7rem;
									li{
										width: 100%;
										height: 4.8rem;	
										.lp3{
											width: 100%;
											height: 4.2rem;
											overflow: hidden;
											img{
												width: 100%;
												height: 100%;
											}
										}
										p{
											padding: 0.05rem 0.2rem;
											line-height: 0.36rem;
											font-size: 0.24rem;
										}
									}
								}
							}
						}
				}
			}
			/*首页关注*/
			.h_gz{
				display: none;
				width:100%;
				height: 100%;
				.head_photo{
					height:1.40rem;
					.left{
						width:1.4rem;
						height: 1.4rem;
						float:left;
						img{
							display: block;
							width:0.95rem;
							height:0.95rem;
							margin:0.20rem auto 0;
						}
					}
					.text{
						float:left;
						padding-top:0.25rem;
						span{
							font-size: 0.28rem;
							color:black;
						}
						p{
							display:block;
							font-size: 0.23rem;
							color:#b4b4b4;
							margin-top:0.24rem;
						}
					}
					.zan{
						float:right;
						width:1.4rem;
						padding-top:0.32rem;
						span{
							font-size: 0.19rem;
							color:#cecece;
							display:inline-block;
						}
						img{
							width:0.23rem;
							height:0.23rem;
							margin-right:0.30rem;
							float:right;
						}
					}
				}
				.main_pic{
					width:100%;
					height: 5.65rem;
					overflow: hidden;
					img{
						width:100%;
						height: 100%;
					}
				}
				.text2{
					border-bottom: 0.11rem solid #f1f1f1;
					padding:0.20rem 0 0 0.40rem;
					p{
						height:0.65rem;
						font-size: 0.23rem;
						color:black;
					}
				}
			}
		}
		/*发现*/
		.discover{
			display: none;
			.find{
				/*搜索*/
				.f_serch{
				  height:0.64rem;
				  width:100%;
				  border-bottom:0.01rem solid #CDCDCD;
				  .s_sosu{
					  width:5.15rem;
					  height:0.44rem;
					  border:1px solid #AAAAAA;
					  float:left;
					  margin:0.05rem 0 0 0.08rem;
					  border-radius: 4px;
					}
					/*百度下拉*/
				  #ul1{
					  width:100%;
					  position: absolute;
					  top:1.7rem;
					  left:0;
					  z-index: 5;
					  li{
						  line-height:0.55rem;
						  padding:0.1rem;
						  color:#AAAAAA;
						  display: block;
						  font-size: 0.23rem;
						  border-bottom: 1px solid #ddd;
						  cursor: pointer;
						}
					}
					.s_btn{
					  width:0.9rem;
					  height:0.49rem;
					  background:#12C13E;
					  font-size:0.23rem;
					  color:#fff;
					  text-align: center;
					  line-height: 0.46rem;
					  float:left;
					  margin:0.05rem 0 0 0.1rem ;
					}

				}
				/*内容*/
				.f_main{
				  width:100%;
				  height:8rem;
				  border-top: 0.1rem solid #F1F1F1;
				  .f_main_1{
					  border-bottom:0.01rem solid #E5E5E5;
					  overflow: hidden;
					  width:100%;
					  .m_l{
						  width:1.37rem;
						  margin:0.34rem 0 0.2rem 0.23rem;
						  /*margin-bottom:0.2rem;*/
						  float:left;
						  span{
							  width:0.94rem;
							  height:0.94rem;
							  border:0.01rem solid #ABABAB;
							  border-radius: 50%;
							  display:block;
							  img{
								  width:100%;
								  height:100%;
								  border-radius: 50%;
								}
							}
						}
					  .m_b{
					  float:left;
					  p:nth-of-type(1){
						  font-size:0.28rem;
						  margin-top:0.44rem;
						}
					  p:nth-of-type(2){
						  font-size:0.23rem;
						  margin-top:0.24rem;
						  color:#979797;
					  }
					  }
					  .m_r{
						  width:0.99rem;
						  float:right;
						  margin:0.6rem 0.2rem 0 0;
						  .m_r_attent{
							  height:0.64rem;
							  border-radius: 4px;
							  background:#0CC440;
							  color:#fff;
							  text-align: center;;
							  line-height: 0.64rem;
							  font-size:0.23rem;
							  display:block;
							}
						 .m_r_attent2{
							  height:0.64rem;
							  border-radius: 4px;
							  background:#E5E5E5;
							  color:#fff;
							  text-align: center;;
							  line-height: 0.64rem;
							  font-size:0.23rem;
							  display:block;
							}
					  }
					}
				}
				/*登录*/
				.g_login{
					width:5rem;
					height: 4.5rem;
					border:1px solid #929292;
					border-radius: 5px;
					background: #FFFFFF;
					position:absolute;
					left:50%;
					top:50%;
					margin-left:-2.5rem;
					margin-top:-2.25rem;
					z-index: 2;
					display: none;
				  /*opacity: 0;*/
				  .g_h2_1{
						height: 0.6rem;
						border-bottom: 1px solid #EBEBEB;
						line-height: 0.6rem;
						color: #0CC140;
						font-size:0.26rem ;
						padding-left: 2.25rem;
						box-sizing:border-box;
						.g_close{
							font-style:normal;
							display: inline-block;
							width:0.6rem;
							height: 0.6rem;
							text-align: center;
							font-size: 0.18rem;
							color:#DBDBDB;
							float:right;
						}
					}
					.g_login_cent{
						height:3.9rem;
						padding:0 0.4rem;
						.g_login_cents{
							width:4.2rem;
							height: 3.9rem;
							input{
								display: block;
								font-size: 0.23rem;
								width:100%;
								color:#AEAEAE;
							}
							.g_phone{
								border-bottom: 1px solid #B2B2B2;
								height: 0.44rem;
								padding-top:0.33rem;
							}
							.g_password{
								border-bottom: 1px solid #B2B2B2;
								height: 0.42rem;
								padding-top:0.48rem;
							}
							.g_beizhu{
								display: block;
								font-size: 0.23rem;
								color:#AEAEAE;
								height: 1.1rem;
								text-align: center;
								line-height: 1.1rem;
								.g_regiser{
									font-style: normal;
									color:#A5ECB4;
									text-decoration: underline;
								}
							}
							.g_ipt{
								height: 0.6rem;
								font-weight: 600;
								letter-spacing: 1em;
								padding-left:0.4rem;
								line-height: 0.6rem;
								background: #0CC440;
								color:#F2FFF1;
							}
						}
					}
				}
				/*注册*/
				.g_register{
					width:100%;
					overflow: hidden;
					height: 4rem;
					background: #FFFFFF;
					border-top:1px solid #929292;
					position: absolute;
					bottom: 0;
					left:0;
					z-index: 2;
					display: none;
				  /*opacity: 0;*/
				  .g_sure{
						height: 0.72rem;
						border-bottom: 1px solid #EBEBEB;
						line-height: 0.72rem;
						text-align: center;
						.g_false{
							display: block;
							float: left;
							width:0.72rem;
							font-size: 0.24rem;
							color:#A9A9A9;
						}
						.g_tips{
							  float:left;
							  font-size:0.24rem;
							  color:red;
							  width:4rem;
							  text-align: center;
							  /*display: none;*/
							}
						.g_ok{
							display: block;
							float: right;
							width:0.72rem;
							font-size: 0.24rem;
							color:#11BA39;
						}
					}
					.g_register_cent{
						padding:0 0.4rem;
						height:3.27rem;
						.g_register_cents{
							width:100%;
							height: 3.22rem;
							padding-top:0.05rem;
							input{
								display: block;
								width:100%;
								height: 0.4rem;
								padding-top:0.5rem;
								font-size: 0.24rem;
								color:#CBCBCB;
								border-bottom: 1px solid #B2B2B2;
							}
						}
					}
				}

			}
		}
		/*个人主页*/
		.geren{
			display: none;
			position: relative;
			.image{
				position: fixed;
				top:0.9rem;
				left: 0;
				background: #ffffff;
				width: 100%;
				height: 100%;
				overflow:hidden;
				display:none;
				.img{
					width: 6.4rem;
					height: 5rem;
					position: relative;
					overflow:hidden;
					.blur{
						width: 100%;
						height: 100%;

					}
					
					.mask{
						background: rgba(0,0,0,0.5);
						position: absolute;
						top:0;
						left: 0;
						height: 100%;
						width: 100%;
					}
					.ball{
						position:absolute;
						left:0rem;
						top:0rem;

						.ball_img{
							width:2.65rem;
							height:1.5rem;
							overflow:hidden;
							border:0.03rem solid #6699FF;
							img{
								width:6.4rem;
								height:5rem;
							}
						}
						
						.dot{
							position:absolute;
							top:1.4rem;
							left:2.55rem;
							height:0.2rem;
							width:0.2rem;
							background:#6699FF;
							z-index:10;
						}
					}
					
				}
				.s_n{
					padding:0.3rem;
					border-bottom:0.02rem solid #CACACA;
					height: 0.6rem;
					div{
						height: 0.6rem;
						width: 2.25rem;
						line-height: 0.6rem;
						text-align: center;
						border-radius: 0.05rem;
						border:0.01rem solid #0BC445;
						color: #0BC445;
						float: left;
					}
					.no{
						float: right;
					}
				}

				.submit{
					width: 100%;
					.img_ok{
						width: 2.65rem;
						height: 1.5rem;
						margin:0.4rem auto;
						overflow:hidden;
						.small{
							width:6.4rem;
							height:5rem;
							img{
								width: 100%;
								height: 100%;	
							}
						}
					}
					.s_s{
						width: 4.2rem;
						height: 0.6rem;
						border-radius: 0.1rem;
						background: #0CC440;
						color: #ffffff;
						text-align: center;
						line-height: 0.6rem;
						margin:auto;
						
					}
				}
			}
			.top{
				height: 1.3rem;
				padding:0.25rem 0.3rem;
				.left{
					float: left;
					margin-right: 0.4rem;
					height: 1rem;
					width:1rem;
					border-radius: 50%;
					overflow: hidden;
					img{
						width: 100%;
						height: 100%;
					}
				}
				.right{
					line-height: 0.6rem;
					float: left;
					strong{
						font-size:0.27rem;
						display: block;
					}
					.say{
						font-size:0.25rem;
						color: #969696;
						word-break: break-all;
					}
				}
			}
			.bottom{
				width: 100%;
				ul{
					width: 100%;
					overflow: hidden;
					li{
						line-height: 0.45rem;
						text-align: center;
						color: #969696;
						font-size:0.22rem;
						width: 2rem;
						float: left;
						border-bottom:0.05rem solid #ffffff;
						.xian{
							color: #0BC53E;
							
						}
						.title{
							font-style: normal;
						}


					}
				}
				.yes{
					width: 6.4rem;
					border-top:0.01rem solid #E5E5E5; 
					display: none; 
					min-height: 6rem;
					.photos{
						width: 100%;
						overflow: hidden;
						div{
							width:3.15rem;
							height:3.15rem;
							float: left;
							margin-bottom: 0.1rem;
							img{
								width:100%;
								height: 100%;
							}
						}
						div:nth-of-type(2n){
							float: right;
						}
					}
					.gz{
						width: 100%;
						overflow: hidden;
						.people{
							padding:0.25rem;
							overflow: hidden;
							border-bottom: 0.01rem solid #E5E5E5;
							.p_left{
								float: left;
								height: 1rem;
								width: 1rem;
								border-radius: 50%;
								overflow: hidden;
								margin-right:0.3rem;
								img{
									width: 100%;
									height: 100%;
								}
							}
							.p_right{
								float: left;
								text-align: left;
								.name{
									font-size:0.3rem;
									color: #000;
								}
								.say{
									word-break: break-all;
									width:4rem;
									overflow: hidden;
									text-overflow: ellipsis;
									white-space: nowrap;
								}
							}
						}
					}
					.fans{
						width: 100%;
						overflow: hidden;
						.people{
							padding:0.25rem;
							overflow: hidden;
							border-bottom: 0.01rem solid #E5E5E5;
							.p_left{
								float: left;
								height: 1rem;
								width: 1rem;
								border-radius: 50%;
								overflow: hidden;
								margin-right:0.3rem;
								img{
									width: 100%;
									height: 100%;
								}
							}
							.p_right{
								width:3rem;
								float: left;
								text-align: left;
								.name{
									font-size:0.3rem;
									color: #000;
									/*font-weight: 700;*/
								}
								.say{
									/*word-break: break-all;*/
									width:3rem;
									overflow: hidden;
									text-overflow: ellipsis;
									white-space: nowrap;
								}
							}
							.f_right{
								float: left;
								margin:0.5rem 0 0 0.5rem;
								padding:0.01rem 0.15rem;
								border:0.01rem solid #0CC440;
								color: #0CC440;
								border-radius: 0.5rem;
							}
						}
					}
				}
				.yes:nth-of-type(1){
					display: block;
				}
			}
		}
		/*左拉菜单*/
		.g_three{
			display: none;
			width:3.6rem;
			height:100%;
			background: rgba(34,91,50,0.5);
			position:absolute;
			left:0;
			top:0;
			z-index: 2;
			font-size: 0.23rem;
			.g_pic{
				overflow: hidden;
				height: 2.2rem;
				img{
					width:1.59rem;
					height: 1.59rem;
					border-radius: 100%;
					margin:0.35rem auto 0;
				}
			}
			.g_head{
				border-top:1px solid #3F6F49;
				border-bottom: 1px solid #3F6F49;
				font-size: 0.23rem;
				height: 0.63rem;
				line-height: 0.63rem;
				text-align: center;
				color:#FCFCFC;
				background: rgba(34,91,50,0.8);
				.go{
					font-size:0.3rem;
					color:skyblue;
				}
			}
			.g_troduce{
				display: block;
				line-height: 0.5rem;
				color:#AABFAE;
				padding:0.15rem 0.6rem;
				border-bottom: 1px solid #f2f2f1;
			}
			.g_tab{
				width:100%;
				overflow: hidden;
				li{
					display: block;
					color:#FFFFFF;
					text-align: center;
					line-height: 0.6rem;
					height: 0.6rem;
					border-bottom: 1px solid #f2f2f1;
				}
			}				
		}

	}
	footer{
		height: 1rem;
		border-top: 0.1rem solid #F1F1F1;
		background: #ddd;
		font-size:0.4rem;
		text-align: center;
		line-height: 0.9rem;
		.foot{
			width: 100%;
			height: 0.98rem;
			border-top:0.01rem solid #CDCDCD;
			background: #FFFFFF;
			position: relative;
			ul{
				float: left;
				li{
					float: left;
					width:1.1rem;
					height: 100%;
					line-height: 0.49rem;
					font-size:0.3rem;
					text-align: center;
					color: #CCCCCC;
					div{
					  height: 0.49rem;
					}
					.big{
						font-size:0.5rem;
					 }
				}
				.touch_c{
				 	color: #0CC440;
				 }
				li:nth-of-type(3){
					margin-left: 2rem;
				}
			}
			.camera{
			 	height: 1.05rem;
			 	width: 1.05rem;
			 	border-radius: 50%;
			 	border:0.01rem solid #D6D6D6;
			 	background: #FEFEFE;
			 	color: #D6D6D6;
			 	line-height: 1.05rem;
			 	position: absolute;
			 	bottom: 0;
			 	left: 2.675rem;
			 	span{
				 	font-size:0.5rem;
				 }
			 }
		}
	}
}


















